<template>
	<view>
		<view class="u-flex u-row-left" v-if="statue==0">
			<image src="/static/icon/avatar.png" style="width: 40rpx;height: 40rpx;" />
			<text class="text1 m-l-20">未登录</text>
			<text class="btn m-l-20" @click="goLogin()">去登录</text>
		</view>

		<view class="u-flex u-row-left" v-if="statue==1">
			<image src="/static/icon/avatar.png" style="width: 40rpx;height: 40rpx;" />
			<text class="text1 m-l-20">未认证账号</text>
			<view class="btn1 m-l-20 u-flex u-row-left">
				<image src="/static/icon/rz1.png" style="width: 24rpx;height: 24rpx;" />
				<text>未认证</text>
			</view>
		</view>

		<view class="u-flex u-row-left" v-if="statue==2">
			<image :src="userInfo.avatar" style="width: 40rpx;height: 40rpx;" />
			<text class="text1 m-l-20 u-line-1" style="max-width: 250rpx;">{{userInfo.shopName}}</text>
			<view class="btn2 m-l-20 u-flex u-row-left">
				<image src="/static/icon/rz.png" style="width: 24rpx;height: 24rpx;" />
				<text>已认证</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "auth",
		props: {
			statue: {
				type: Number,
				default: 0
			},
			userInfo: {
				type: Object,
				default: () => {

				}
			}
		},
		data() {
			return {

			};
		},
		mounted() {
			console.log('11',this.statue,this.userInfo);
		},
		methods: {
			goAuth() {
				uni.navigateTo({
					url: "/pages/login/auth"
				})
			},
			goLogin() {
				uni.navigateTo({
					url: "/pages/login/h5Login"
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.btn {
		line-height: 36rpx;
		background: #D9ECFF;
		border-radius: 106rpx 106rpx 106rpx 106rpx;
		border: 1rpx solid #8AC7FF;
		font-size: 22rpx;
		color: #007DF7;
		text-align: center;
		padding: 0 12rpx;
	}

	.btn1 {
		line-height: 36rpx;
		background: #F5F5F5;
		border-radius: 106rpx 106rpx 106rpx 106rpx;
		border: 1rpx solid #DDDDDD;
		font-size: 22rpx;
		color: #DDDDDD;
		text-align: center;
		padding: 0 12rpx;
	}

	.btn2 {
		line-height: 36rpx;
		background: #FFF2D8;
		border-radius: 106rpx 106rpx 106rpx 106rpx;
		border: 1rpx solid #F3AC26;
		font-size: 22rpx;
		color: #F3AC26;
		text-align: center;
		padding: 0 12rpx;
	}
</style>